<template>
  <view class="flex-yh">
    <view class="box">
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>
    </view>
    <TabBar :selected="3"></TabBar>
  </view>
  </template>
  
  <script>
    export default {
      data() {
        return {
          title: '我是一个首页'
        }
      },
      onLoad() {
        
        console.log('首页-->onLoad');
        
      },
      methods: {
  
      }
    }
  </script>
  
  <style>
  .header{ background: red; flex:1; display:flex; align-items:center;}
  .box{ background: #ccc; flex: 1; overflow: auto;}
  </style>
  